Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.06.2012, 10:30
Интересующийся
Отправить личное сообщение для SDHP Посмотреть профиль Найти все сообщения от SDHP
 
Регистрация: 19.06.2012
Сообщений: 16

Таблица и получение id-шников.
Всем привет! Это снова я, со своими нубскими вопросиками
Имеется фрагмент таблицы:

<tr id="16">
  	<td id="0"><div align="center">ТУТ ОБЪЕКТ</div></td>
<tr>


Объект - картинка или может даже пустое окошечко.
Сам объект находится в тэге div.
Вопрос:
При нажатие на div нужно определить куда был совершен тык т.е нужны циферки tr id и td id и определить, что находится в самом div.

Заранее спасибо :3

Последний раз редактировалось SDHP, 21.06.2012 в 10:33.
Ответить с цитированием
  #2 (permalink)  
Старый 21.06.2012, 10:38
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от SDHP
Объект - картинка
<table>

<tr id="16">
    <td id="0"><div align="center"><img src="http://javascript.ru/forum/images/smilies/smile.gif" onclick="alert( 'td: ' + this.parentNode.parentNode.id + ', tr: ' + this.parentNode.parentNode.parentNode.id )" /></div></td>
<tr>

</table>

Сообщение от SDHP
Объект - ... пустое окошечко.
<table>

<tr id="16">
    <td id="0"><div align="center"><div onclick="alert( 'td: ' + this.parentNode.parentNode.id + ', tr: ' + this.parentNode.parentNode.parentNode.id )">Я пустое окошечко</div></div></td>
<tr>

</table>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #3 (permalink)  
Старый 21.06.2012, 10:52
Интересующийся
Отправить личное сообщение для SDHP Посмотреть профиль Найти все сообщения от SDHP
 
Регистрация: 19.06.2012
Сообщений: 16

Сообщение от devote Посмотреть сообщение
<table>

<tr id="16">
    <td id="0"><div align="center"><img src="http://javascript.ru/forum/images/smilies/smile.gif" onclick="alert( 'td: ' + this.parentNode.parentNode.id + ', tr: ' + this.parentNode.parentNode.parentNode.id )" /></div></td>
<tr>

</table>


<table>

<tr id="16">
    <td id="0"><div align="center"><div onclick="alert( 'td: ' + this.parentNode.parentNode.id + ', tr: ' + this.parentNode.parentNode.parentNode.id )">Я пустое окошечко</div></div></td>
<tr>

</table>
Ясно, но что делать, если мне нужно с id манипулировать? и этих таблиц много?(отправлять через get,post,ajax...)
Ответить с цитированием
  #4 (permalink)  
Старый 21.06.2012, 10:53
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от SDHP
но что делать если мне нужно с id манипулировать? и этих таблиц много?
приводите рабочий пример, того с чем можно что-то делать... с огрызками, огрызки и получите.
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #5 (permalink)  
Старый 21.06.2012, 11:12
Интересующийся
Отправить личное сообщение для SDHP Посмотреть профиль Найти все сообщения от SDHP
 
Регистрация: 19.06.2012
Сообщений: 16

Сообщение от devote Посмотреть сообщение
приводите рабочий пример, того с чем можно что-то делать... с огрызками, огрызки и получите.
Пример нерабочий((, но думаю суть ясна...
$(document).ready(function(){
$("div").click(function(){
	var val = $(this).attr("id");
	alert(val);
	});

});

И нужно вытащить idшники tr и td куда вложен div!

Последний раз редактировалось SDHP, 21.06.2012 в 11:16.
Ответить с цитированием
  #6 (permalink)  
Старый 21.06.2012, 11:18
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

<table>
<tr id="16">
    <td id="0"><div class="clicker" align="center">ТУТ ОБЪЕКТ</div></td>
<tr>
<tr id="17">
    <td id="2"><div class="clicker" align="center">ТУТ ОБЪЕКТ</div></td>
<tr>
<tr id="20">
    <td id="7"><div class="clicker" align="center">ТУТ ОБЪЕКТ</div></td>
<tr>
</table>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("div.clicker").click(function(){
        var tdID = $(this).parent().attr("id"),
            trID = $(this).parent().parent().attr("id");

        alert([tdID, trID]);
    });
});
</script>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #7 (permalink)  
Старый 21.06.2012, 11:38
Интересующийся
Отправить личное сообщение для SDHP Посмотреть профиль Найти все сообщения от SDHP
 
Регистрация: 19.06.2012
Сообщений: 16

devote
Спасибо :3
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Двойная Фильтрация данных таблицы David0707 Общие вопросы Javascript 0 19.03.2012 13:00
Получение данных строки грида при нажатии сторонней кнопки Allan Stark ExtJS 4 17.11.2011 19:21
Получение данных NeoMurderer AJAX и COMET 11 21.08.2011 14:46
Получение данных из тега в массиве, как? Madd Общие вопросы Javascript 37 06.07.2010 00:59
Автоматическое получение данных из формы Beck jQuery 6 06.11.2009 18:01